.water_item_right_container {
    // display: flex;
    // width: 100%;
    height: 100%;
    // text-align: center;
    // flex-direction: column;
    // align-items: center;
    overflow: auto;
    padding: 24px;

    .water_right_item {
        // width: 95%;
        padding-top: 20px;
        min-height: 183px;
        background: url('/assets/images/homepage/fire/rightbgbig.png') no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ECF7FF;
        position: relative;
        margin-bottom: 20px;

        .item_left {
            width: 50px;
            height: 50px;
            background: url('/assets/images/homepage/fire/iconhome.png') no-repeat;
            background-size: 100% 100%;
        }

        .item_right {
            width: calc(100% - 100px);
            display: flex;
            flex-wrap: wrap;
            padding-left: 20px;
       

            .item_right_left {
                width: 100px;
                font-size: 14px;
                color: #ECF7FF;
                font-family: '';
            }

            .item_right_right {
                width: 170px;
                font-size: 14px;
                color: #9CF2FF;
                letter-spacing: 0;
                font-family: '';
                text-align: left;
                margin-bottom: 12px;
            }


        }

        .position_bg {
            position: absolute;
            left: 0%;
            bottom: 0%;
            width: 85px;
            height: 30px;
            background: rgba(31, 237, 255, 0.1);
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, rgba(0, 255, 244, 0.98) 100%);
            border-radius: 0 20px 0 0;
            display: flex;
            justify-content: space-evenly;
            align-items: center;

            .position_icon {
                width: 12px;
                height: 12px;
                background: url('/assets/images/homepage/fire/position.png') no-repeat;
                background-size: 100% 100%;
            }
        }
    }

}



.water_item_right_container::-webkit-scrollbar {
    width: 0 !important
}



//警情数据分析
.alarm_data_analysis {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;

    ._item_left {
        width: 209px;
        height: 100%;

        ._img {
            width: 209px;
            height: 209px;
            background: url('/assets/images/homepage/fire/realalarmbg.png') no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: D-DINExp-Italic;
            font-weight: Italic;
            font-size: 48px;
            color: #FFFFFF;
            letter-spacing: 0;
        }

        ._text {
            font-family: YouSheBiaoTiHei;
            font-size: 20px;
            color: #FFFFFF;
            letter-spacing: 0;
            margin-top: -30px;
            text-align: center;
        }
    }

    ._item_right {
        width: 200px;

        ._iconphone {
            width: 50.96px;
            height: 45px;
            background: url('/assets/images/homepage/fire/iconphone.png') no-repeat;
            background-size: 100% 100%;
        }

        ._iconreal {
            width: 50.96px;
            height: 45px;
            background: url('/assets/images/homepage/fire/iconreal.png') no-repeat;
            background-size: 100% 100%;
        }

        ._iconmistake {
            width: 50.96px;
            height: 45px;
            background: url('/assets/images/homepage/fire/iconmistake.png') no-repeat;
            background-size: 100% 100%;
        }

        .right_item_right {
            width: 155px;
            margin-left: 16px;

            .alarm_title {
                font-size: 14px;
                color: #ECF7FF;
                letter-spacing: 0;
            }

            .alarm_number {
                font-family: D-DINExp-Italic;
                font-weight: Italic;
                font-size: 28px;
                color: #24DCF7;
                letter-spacing: 0;
                margin-right: 50px;
            }

            .alarm_unit {
                font-size: 14px;
                color: #5999C8;
                letter-spacing: 0;
            }
        }


    }
}

.water_video_container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;

    ._item {
        width: 98%;
        margin: 4% 1%;
        height: 90%;
        background: url('/assets/images/homepage/fire/videobg.png') no-repeat;
        background-size: 100% 100%;
        position: relative;

        .video_bottom {
            position: absolute;
            bottom: 0;
            left: 2%;
            width: 96%;
            height: 20px;
            background: rgba(0, 0, 0, 0.4);
            font-size: 12px;
            color: #C3E6FF;
            display: flex;
            justify-content: space-between;

            .video_bottom_text {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }
}

//小区人流量排名
.water_traffic_ranking {
    height: 100%;
    padding: 14px 8px 14px 8px;

    ._rank_title {
        height: 34.64px;
        background: url('/assets/images/homepage/communtity/ranktitle.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #FFFFFF;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: space-around;

        ._rank_item1 {
            text-align: center;
            width: 35%;
        }

        ._rank_item2 {
            text-align: center;
            width: 15%;
        }

        ._rank_item3 {
            text-align: center;
            width: 20%;
        }

        ._rank_item4 {
            text-align: center;
            width: 30%;
        }
    }

    .rank_content_overflow {
        height: calc(100% - 35px);
        overflow: auto;
    }

    ._rank_content {
        margin-top: 12px;
        height: 34.64px;
        background: url('/assets/images/homepage/communtity/rankcontent.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #E2F8FF;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-around;

        ._rank_item1 {
            text-align: center;
            width: 35%;
            margin-left: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        ._rank_item2 {
            // text-align: center;
            width: 20%;
        }

        ._rank_item3 {
            // text-align: center;
            width: 20%;

            ._upicon {
                background: url('/assets/images/homepage/water/up.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 13px;
                height: 13px;
                display: inline-block;
                margin-left: 3px;
            }

            ._downicon {
                background: url('/assets/images/homepage/water/down.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 13px;
                height: 13px;
                display: inline-block;
                margin-left: 3px;
            }
        }

        ._rank_item4 {
            // text-align: center;
            width: 20%;
            padding-top: 8px;

            .normalbg {
                background: url('/assets/images/homepage/water/normal.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 70px;
                height: 21.64px;
                padding-left: 30px;
                line-height: 9px;
                color: #24DCF7;
            }

            .warningbg {
                background: url('/assets/images/homepage/water/warning.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 70px;
                height: 21.64px;
                color: #FAC46E;
                padding-left: 30px;
                line-height: 9px;
            }
        }
    }

    .topbg1 {
        width: 28px;
        height: 10px;
        background: url('/assets/images/homepage/communtity/top1.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: inline-block;
    }

    .topbg2 {
        width: 28px;
        height: 10px;
        background: url('/assets/images/homepage/communtity/top2.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: inline-block;
    }

    .topbg3 {
        width: 28px;
        height: 10px;
        background: url('/assets/images/homepage/communtity/top3.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: inline-block;
    }

}

//建设数据
.type-chart-wrapper {
    width: 220px;
    height: 220px;
    background-image: url("/assets/images/ring_chart_bg.png");
    background-size: 100% 100%;
}

.type-leagle-wrapper {
    padding-left: 30px;
    padding-right: 36px;
    width: 100%;
    height: 100px;
    flex-wrap: wrap;
    align-content: space-between;

    .type-leagle-item {
        width: 157px;
        height: 24px;
        background-image: linear-gradient(90deg, #19222F 0%, rgba(30, 41, 56, 0) 100%);
        padding: 0 2px 0 8px;
        justify-content: space-between;

        .type-leagle-dot {
            width: 8px;
            height: 8px;
            margin-right: 6px;
        }

        .type-leagle-label {
            color: rgba(212, 237, 253, 0.6);
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0;
        }

        .type-leagle-value {
            color: rgba(216, 240, 255, 1);
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0;
        }
    }
}

.gis-search-select {
    .ant-select-selector {
        background-color: rgba(36, 220, 247, 0.3) !important;
        border: rgba(36, 220, 247, 1) 1px solid !important;
        height: 24px !important;
    }

    .ant-select-selection-item {
        color: rgba(36, 220, 247, 1) !important;
        line-height: 24px !important;
    }

    .ant-select-arrow {
        color: inherit;
        color: rgba(36, 220, 247, 1) !important;
    }
}


.super-dropdownClassName {
    color: #a1c1d1 !important;
    background-color: rgba(36, 220, 247, 0.6) !important;
    border: 1px solid rgba(36, 220, 247, 1);
    max-height: 300px;

    .ant-select-dropdown {
        color: #a1c1d1 !important;
        background-color: rgba(9, 22, 44, 0.75) !important;
    }

    .ant-select-item-option-content {
        color: #FFF !important;
    }

    .ant-select-item-option-active {
        color: #a1c1d1 !important;
        background-color: rgba(36, 220, 247, 1) !important;
    }

    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
        color: rgba(0, 0, 0, 0.85);
        background-color: rgba(36, 220, 247, 1);
    }
}

.real_state_container {
    padding: 14px 36px 17px 12px;
    height: 100%;
    width: 100%;

    .real_weather {
        display: flex;
        margin-bottom: 2%;

        .weather_left {
            width: calc(100% - 100px);
            color: #C0E2FF;

            ._basictitlebg {
                background: url('/assets/images/homepage/communtity/basictitlebg.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 220px;
                height: 17.5px;
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                align-items: center;

                ._basic_title {
                    font-family: YouSheBiaoTiHei;
                    font-size: 21px;
                    color: #FFFFFF;
                    letter-spacing: 0.74px;
                    width: 70px;
                    margin-top: -13px;
                }

                ._basic_sub_title {
                    // font-family: YouSheBiaoTiHei;
                    font-size: 14px;
                    color: #C0E2FF;
                    letter-spacing: 0;
                }
            }

            .row1_container {
                width: 220px;
                height: 45px;
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding-left: 20px;
            }

            .row2_container {
                width: 220px;
                height: 75px;
                display: flex;
                align-items: center;
                justify-content: space-around;

                .row2_item {
                    width: 50%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;

                    ._number {
                        font-family: YouSheBiaoTiHei;
                        font-size: 18px;
                        color: #FFFFFF;
                    }
                }
            }

            .weather_icon {
                width: 43.02px;
                height: 38px;
                background: url('/assets/images/homepage/water/weather.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                display: inline-block;
            }
        }

        .weather_right {
            width: 90px;
            height: 77px;
            background: url('/assets/images/homepage/water/realrightbg.png') no-repeat;
            background-size: 100% 100%;
            font-size: 14px;
            color: #C3E6FF;
            padding-left: 16px;
            padding-top: 3px;

            .weather_data {
                font-family: D-DIN-Italic;
                font-weight: DIN;
                font-size: 38px;
                color: #FFFFFF;
            }
        }

    }


    .basictextbg {
        background: url('/assets/images/homepage/communtity/basictextbg.png') no-repeat;
        background-size: 100% 100%;
        height: 43px;
        display: flex;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
        font-size: 13px;
        color: #C0E2FF;
        align-items: center;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 12px;

        .row1_row3_subtitle {
            font-size: 16px;
            color: #FFFFFF;
            letter-spacing: 0;
            font-family: YouSheBiaoTiHei;
        }

        ._row2_bg {
            width: 28px;
            height: 10px;
            background: url(/assets/images/homepage/communtity/top1.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            text-align: center;
            line-height: 1px;
            font-size: 18px;
            font-family: D-DIN-Italic;
        }
    }


}

.prevent_doc {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .doc_img {
        margin-top: 11px;
        width: 361.63px;
        height: 242.49px;
        background: url(/assets/images/homepage/water/doc.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .doc_container {
        width: 50%;
        height: 43px;
        padding-left: 16px;

        .sorrow {
            width: 10px;
            height: 20px;
            background: url(/assets/images/homepage/water/sorrow.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin-right: 6px;
            margin-left: 5px;
        }

        .doc_title {
            font-family: SourceHanSansSC-Regular;
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            margin-right: 20px;
        }

        .preview_doc {
            width: 44px;
            height: 24.56px;
            background: #008AFF;
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
    }

    .doc_bg {
        margin-top: 15px;
        width: 191px;
        height: 4.09px;
        opacity: 0.7;
        background-image: linear-gradient(270deg, #1998ff00 0%, #002FAB 45%, #4787ff6b 84%, #4787ff00 100%);
        box-shadow: 0 0 0 0 #196c6824;
    }
}